<template lang="pug">
  #app.g-doc
    .g-side-bar(v-if="$route.name !== 'Popup'")
      m-sidenav
    .g-main
      .g-hd
        m-header
      .g-container.beautify-scrollbar
        router-view
      .g-ft
        m-footer
</template>

<script lang="ts">
import Vue from 'vue'
import Header from '@/components/header.vue'
import SideNav from '@/components/sidenav.vue'
import Footer from '@/components/footer.vue'

export default Vue.extend({
  name: 'App',
  components: {
    'm-header': Header,
    'm-footer': Footer,
    'm-sidenav': SideNav
  }
})
</script>
